window.addEventListener('load', function () {
    var mySwiper= new Swiper('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        autoplay: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },        
        
    })
           //鼠标覆盖停止自动切换
            mySwiper.el.onmouseover = function(){
            mySwiper.autoplay.stop();
          }
          //鼠标离开开始自动切换
            mySwiper.el.onmouseout = function(){
    mySwiper.autoplay.start();
  }

    // API服务
    //获取元素
    let aDom = document.querySelectorAll('#sreve ul li')
    //遍历注册事件
    aDom.forEach(function (v) {
        //鼠标移入
        v.addEventListener('mouseover', function () {
            this.style.backgroundcolor = '#2f7ee9';
            //h4添加白色
            this.lastElementchild.style.color = '#fff';
            console.log(this);
        })

        //获取当前img的地址
        let imgUrl = this.firstElementChild.src;
        //保存一份
        oldSrc = imgUrl;
        //处理地址---从地址中获取 图像文件名 
        //获取从后往前数的 / 的索引值
        let index = imgUrl.lastIndexOf('/');
        //从指定索引截取后面所有字符串
        let newUrl = imgUrl.substring(index + 1);
        this.firstElementChild.src = `./imgs/${newUrl.split('.')[0]}-console.svg`

        // 方法二
        // let cutUrl=imgUrl.substring(0,imgUrl.lastIndexOf('.');
        // this.firstElementChild.src=`${cutUrl}-c.svg`;


        console.log(newUrl);
        console.log(newUrl.split('.')[0])


        //鼠标移出
        v.addEventListener('mouseout', function () {
            this.style.backgroundcolor = '';
            this.lastElementchild.style.color = '';
        })

    })


    //尾部 返回顶部

    //     //获取变量
    //     // let returnTop=document.getElementById('returnTop')
    //     console.log(document);
    //     window.addEventListener('scroll',function(){
    //         //获取滚动条到顶部的距离
    //         let sTop=document.documentElement.scrollTop;
    //         console.log(sTop)
    //         if (sTop >= 2000) {
    //             //显示返回顶部
    //             returnTop.style.display = 'block';
    //         } else {
    //             //隐藏返回顶部
    //             returnTop.style.display= 'none';
    //         }
    // })
    returnTop.addEventListener('click', function () {
        let timeId = window.setInterval(function () {
            //获取当前滚动条到顶部距离
            let sTop = document.documentElement.scrollTop;
            //在原有的基础上递减
            document.documentElement.scrollTop = sTop - 30;
            //清除
            if (sTop <= 10) {
                window.clearInterval(timeId)
            }
        }, 10)
    })


    //独角兽
    //定义变量
    let itmesDom=document.querySelectorAll('#unicorn .items');
    console.log(itmesDom);
    //定义全局索引值
    let index=0;
    
    //默认显示第一个
    itmesDom[index].style.display='block';

    //动态切换效果  2s换一次
    window.setInterval(function(){
        //把前一个隐藏起来
        itmesDom[index].style.display='none';
        
        index++;

        //判定
        if(index==itmesDom.length){
            index=0;
        }

        itmesDom[index].style.display='block';
    },2000) 
    // console.log(itmesDom[index]);
})